<template>
  <div class="campus-chashan">
    <h1>你好,这里是温州理工茶山校区</h1>
    <nav>
      <router-link to="/campus-chashan/building5">五号楼</router-link> |
      <router-link to="/campus-chashan/building6">六号楼</router-link> |
      <router-link to="/campus-chashan/building7">七号楼</router-link>
    </nav>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'CampusChashan'
}
</script>

<style scoped>
.campus-chashan {
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
  max-width: 800px;
}

nav {
  margin-top: 20px;
}

nav a {
  margin: 0 10px;
}
</style>